/*! _content.scss | Vuero | Css ninja 2020-2021 */

/*
    1. Content
    2. Content Dark mode
*/

/* ==========================================================================
1. Content
========================================================================== */

.content {
  ol,
  ul {
    color: var(--dark-text);
    font-family: var(--font);

    &.is-light {
      color: var(--light-text);
    }
  }

  blockquote {
    color: var(--light-text);

    &.is-primary {
      border-color: var(--primary);
    }

    &.is-success {
      border-color: var(--success);
    }

    &.is-info {
      border-color: var(--info);
    }

    &.is-warning {
      border-color: var(--warning);
    }

    &.is-danger {
      border-color: var(--danger);
    }
  }

  table {
    th {
      color: var(--dark-text);
      font-family: var(--font-alt);
    }

    td {
      color: var(--light-text);
    }
  }
}

/* ==========================================================================
2. Content Dark mode
========================================================================== */

.is-dark {
  .content {
    ol,
    ul {
      &:not(.is-light) {
        color: var(--dark-dark-text);
      }
    }

    blockquote {
      background: var(--dark-sidebar-light-10);

      &:not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) {
        border-color: var(--dark-sidebar-light-2);
      }

      &.is-primary {
        border-color: var(--primary);
      }
    }

    table {
      th {
        color: var(--dark-dark-text);
        border-color: var(--dark-sidebar-light-14);
      }

      td {
        border-color: var(--dark-sidebar-light-14);
      }
    }
  }

  .is-divider,
  .is-divider-vertical {
    border-color: var(--dark-sidebar-light-14);

    &::before {
      border-color: var(--dark-sidebar-light-14);
    }

    &::after {
      background: var(--dark-sidebar-light-6);
    }
  }
}
